@import '../../styles/var.scss';
.sliderbox{
  margin: 15px 0;
  text-align:center;
  position:relative;
  word-break: break-all;
  &-cellbox{
    height: 100%;
  }
  .el-carousel__arrow{
    display: none!important;
  }
  &-actions{
    .el-carousel{
      margin: 0 34px;
      overflow: hidden;
    }
  }
  &-arrow{
    position:absolute;
    height: 100%;
    width: 32px;
    right:0;
    top:0;
    padding: 0;
    border-radius:0;
    background:#fafafa;
    text-align: center;
    min-width:0;
    &:first-child{
      right: auto;
      left: 0
    }
    &:focus{
      border-color:$border-color-base;
    }
    .iconfont{
      font-size: 22px;
    }
    &.is-disabled{
      .iconfont{
        color:inherit;
      }
    }
  }
  &-item{
    &-inner{
      height:36px;
    }
    &-default{
      height:100%;
      width:100%;
      border:1px solid $border-color-base;
      background:transparent;
      padding: 0 10px;
      max-width: 100%;
      box-sizing: border-box;
      outline: none;
      border-radius: $border-radius-base;
      color:inherit;
      cursor: pointer;
      border-radius:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      &:hover{
        color:$color-primary;
        border-color:$color-primary;
      }
    }
    &-active{
      .sliderbox-item-default{
        background-color:$color-primary;
        color:#fff;
        border-color:$color-primary;
      }
    }
  }
  &--week{
    .sliderbox{
      &-item{
        height: 100%;      
        &-inner{      
          border:1px solid $border-color-base;  
          height: 100%;
          cursor: pointer;
          padding-top:2px;
          word-break: break-all;
          &:hover{
            color:$color-primary;
            border-color:$color-primary;
          }
        }
        &-active{
          .sliderbox-item-inner{
            border-color:$color-primary;
            border-top-width:3px;
            padding-top:0;
            color: $color-primary;
          }
        }
      }
    }
  }
}